<!--
 * @Description: 主界面
 * @Author: kavanaCCW
 * @Date: 2024/7/4
 -->
<template>
  <div class="main" >
    <!--当隐藏导航栏时，此区域是可以拖动的-->
    <div class="topDrag"></div>
    <router-view/>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.main {
  width: 100%;
  height:100%;
  background-image: url("./assets/imgs/bg.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: rgb(4,4,4);
  position: relative;
  .topDrag{
    width: 100%;
    height:40px;
    background: rgba(233,233,233,.6);
    -webkit-app-region: drag;
    position: absolute;
    top:0;
    left:0;
  }
}

</style>
